<form name='sign_up_form' class="sign-up-form" role="form" ng-controller="SignUpController">
	<div class="sign-up-heading">
		<h3>Sign Up</h3>
	</div>

	<div class="sign-up-body append-bottom-15">
		<input placeholder="Name" type="text" class="form-control top" id="" ng-model="user.name" required autocomplete="off"/>
		<input name="username" placeholder="UserName" type="text" class="form-control middle" id="" ng-model="user.username" required autocomplete="off" check-user-avail/>
		<div ng-messages="sign_up_form.username.$pending">
			<div ng-message="checkUserAvail">Checking username availability...</div>
		</div>
		<input placeholder="Email" type="email" class="form-control middle" id="" ng-model="user.email" required autocomplete="off"/>
		<input placeholder="Password" type="password" class="form-control middle" id="" ng-model="user.password" required autocomplete="off"/>
		<input placeholder="Confirm password" confirm-pwd='user.password' type="password" class="form-control bottom" id="" ng-model="user.confirmPwd" required autocomplete="off"/>

		
		<button ng-click="signUp(sign_up_form.$valid)" class="btn btn-primary append-top-20">Sign Up</button>
	</div>
	<div class="sign-up-footer">
		<p>
		<span class="light">
			Have an account?
		</span>
		<strong>
			<a ui-sref="entrance.signIn">Sign in</a>
		</strong>
		</p>
		<p>
			<a ui-sref="entrance.resetPwd">Forgot your password?</a>
		</p>
	</div>
</form>